<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/newcss.css">
        <link rel="stylesheet" type="text/css" href="css/960.css">
        <link rel="stylesheet" type="text/css" href="css/reset.css">
        <link rel="stylesheet" type="text/css" href="css/text.css">
        <link rel="stylesheet" type="text/css" href="css/caption-style1.css" media="screen">
        <link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />
        <link href="css/sm-core-css.css" rel="stylesheet" type="text/css" />
        <link href="css/acordion.css" rel="stylesheet" type="text/css"/>
        <link href="css/tabs.css" rel="stylesheet" type="text/css"/>
        <link href="css/sm-blue/sm-blue.css" rel="stylesheet" type="text/css" />
        <link href="css/jquery.jqzoom.css" rel="stylesheet" type="text/css" />
        <!--<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>-->
        <script type="text/javascript" src="js/jquery/jquery.js"></script>
        <script type="text/javascript" src="js/jquery/jquery-1.6.js"></script>
        <script type="text/javascript" src="libs/jquery-loader.js"></script>
        <script type="text/javascript" src="js/jquery.smartmenus.js"></script>
        <script type="text/javascript" src="js/jquery.jqzoom-core.js"></script>
        <script type="text/javascript">
                $(function() {
                        $('#main-menu').smartmenus({
                                subMenusSubOffsetX: 1,
                                subMenusSubOffsetY: -8
                        });
                });
        </script>              
	<!--<script type="text/javascript" src="js/easySlider1.7.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){	
			$("#slider").easySlider({
				auto: true, 
				continuous: true,
				numeric: true
			});
		});	
	</script>    -->  
        
        <script type="text/javascript">

            $(document).ready(function() {
            $('.jqzoom').jqzoom({
                zoomType: 'reverse',
                lens:true,
                preloadImages: false,
                alwaysOn:false,
                zoomWidth: 480,
                zoomHeight: 480,
                title: false
            });
            //$('.jqzoom').jqzoom();
            });


        </script>
        
        <script type="text/javascript">
		$(document).ready( function() {
			$("#tabs ul li:first").addClass("active");
			$("#tabs div:gt(0)").hide();
			$("#tabs ul li").click(function(){
				$("#tabs ul li").removeClass('active');
				//var current_index = $(this).index(); // Sử dụng cho jQuery >= 1.4.x
				var current_index = $("#tabs ul li").index(this);
				$("#tabs ul li:eq("+current_index+")").addClass("active");
				$("#tabs div").hide();
				$("#tabs div:eq("+current_index+")").fadeIn(100);
			});
		});
	</script>
         
        <style type="text/css">
                #main-menu {
                        position:relative;
                        z-index:9999;
                        width:auto;
                }
                #main-menu ul {
                        width:12em; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
                }
        </style>
        
    </head>
    
    <body>
        <div id="wrapper">
            <div id="header">
                <div class="container_12">
                    <div class="grid_4">
                        <a href="index.html">
                            <image src="image/global_adidas_logo.gif" alt="logo">
                        </a>
                    </div>
                    <div class="grid_4">
                        <form>
                            <label>
                                <input type="search" placeholder="Search" class="topsearch">
                                <input type="submit" value class="imgsearch">
                            </label>
                        </form>
                    </div>
                    <div class="grid_4">
                        <ul id="topnav">
                            <li>
                                <a href="index.html">Trang chủ</a>
                            </li>
                            <li>
                                <a href="#">Liên hệ</a>
                            </li>
                            <li>
                                <a href="account.html">Tài khoản</a>
                            </li>
                        </ul>
                    </div>
                    
                    <div class="clear"></div>                    
                </div> 
                
                <div class="container_12">
                    <div class="grid_12">
                        <ul id="main-menu" class="sm sm-blue">
                            <li><a href="#">Home</a></li>
                            <li><a href="#">Dụng cụ thể thao</a>
                                <ul>
                                    <li><a href="#">Bóng đá</a></li>
                                    <li><a href="#">Bóng chuyền</a></li>
                                    <li><a href="#">Cầu lông</a></li>
                                    <li><a href="#">Tennis</a></li>                                                   
                                    <li><a href="#">Bóng bàn</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Trang phục</a>
                                <ul>
                                    <li><a href="#">Trang phục nam</a></li>
                                    <li><a href="#">Trang phục nữ</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Các thương hiệu</a>
                                <ul>
                                    <li><a href="#">Adidas</a></li>
                                    <li><a href="#">Nike</a></li>
                                    <li><a href="#">Lining</a></li>
                                    <li><a href="#">Động lực</a></li>
                                    <li><a href="#">Lotto</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Hàng mới</a></li>
                            <li><a href="#">Khuyến mại</a></li>
                            <li><a href="#">Khác</a>
                                <ul class="mega-menu">
                                    <li>
                                        <div style="width:400px;max-width:100%;">
                                            <div style="padding:5px 24px;">
                                                <p>This is a mega drop down test. Just set the "mega-menu" class to the parent UL element to inform the SmartMenus script. It can contain <strong>any HTML</strong>.</p>
                                                <p>Just style the contents as you like (you may need to reset some SmartMenus inherited styles - e.g. for lists, links, etc.)</p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                                               
                    </div>
                </div>
            </div>
            <div class="clear"></div>
            <div id="content">
                <div class="container_12">
                    <div id="navsite" class="grid_12" style="background-image:url(css/image/pixel.png);
                                                 background-color: #fff">
                        <ul>
                            <li>
                                <a href="index.html">Home</a>
                            </li>
                            <li>
                                <a href="football.html">Bóng đá</a>
                            </li>
                            <li> 
                                >
                                <span>Giày</span>
                            </li>
                            
                        </ul>
                    </div>
                </div>
                
                <div class="container_16">
                    <div class="grid_16 space box-style" style="background-color: #fff">
                        <h1 class="headmenu-right">Thông tin sản phẩm</h1>
                        <div class="grid_8 alpha space">
                            <div class="grid_8 alpha omega">
                                <a href="imgProd/big.png" class="jqzoom" rel='gal1'>
                                    <img src="imgProd/small.png">
                                </a>
                            </div>
                            <br/>
                            <div class="grid_8 alpha omega" >
                                <ul id="thumblist" class="grid_8 alpha omega" >
                                    <li>
                                        <a class="zoomThumbActive" href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './imgProd/small.png',largeimage: './imgProd/big.png'}">
                                            <img src='imgProd/thumbs/thumb.png'>
                                        </a>
                                    </li>
                             
                                </ul>
                            </div>
                        </div>
                        <div class="grid_8 omega space">
                            
                            <h1>Adidas Nitrocharge 2.0 Trx Tf J</h1>
                            by <a href="#" style='text-decoration:underline'>Adidas</a><br>
                            Còn hàng
                            <div class="alpha grid_8 space" style="border:1px solid #d3d3d3">
                                
                            </div>
                        </div>
                        
                        <div class="grid_16 alpha omega space">
                            <div id="tabs">
                                    <ul>
                                        <li>Chi tiết sản phẩm</li>
                                        <li>Đánh giá</li>
                                    </ul>
                                    <div>
                                        <p>HTML (Hyper Text Markup Language) tạm dịch là ngôn ngữ đánh dấu siêu văn bản. HTML không đóng vai trò là ngôn ngữ  lập trình, nhưng lại vô cùng quan trọng trong việc thể hiện và trình bày trang web. Một trang web không thể vận hành nếu thiếu HTML. Do đó nắm vững được HTML sẽ là yếu tố cần thiết để bước vào thế giới web. Bài viết này mình sẽ giới thiệu một chút về HTML, mong rằng nó sẽ giúp ích cho các bạn mới bắt đầu tìm hiều  về web và HTML. Một tài liệu …</p>
                                    </div><!-- end HTML tab content -->
                                    <div>                 
                                        <label>
                                            Họ tên *<br>
                                            <input type="text" name="comment_name" style="height:24px;width:250px;margin: 5px 0 5px">
                                        </label>
                                        <br>
                                        <label>
                                            Tiêu đề *<br>
                                            <input type="text" name="comment_name" style="height:24px;width:250px;margin: 5px 0 5px">
                                        </label>
                                        <br>
                                        <label>
                                            Nội dung *<br>
                                            <textarea style="width:400px;height:200px;margin: 5px 0 5px"></textarea>
                                        </label>
                                        <br>
                                        <input type="submit" value="Gửi bình luận" style="padding:5px">
                                       
                                    </div><!-- end CSS tab content -->
                            </div>
                        </div>
                             
                        
                    </div>
                        
                    <div class="grid_16 omega space box-style">
                        <h1 class="headmenu-right">Sản phẩm liên quan</h1>
                        <div class="grid_16 alpha omega" style="margin:10px 0 0">
                            <div class="sort">
                                <label>Sắp xếp theo: </label>
                                <select name="sort">
                                    <option>Giá: Tăng dần</option>
                                    <option>Giá: Giảm dần</option>
                                    <option>Đánh giá: Tăng dần</option>
                                    <option>Đánh giá: Giảm dần</option>
                                </select>
                            </div>
                            <div class="page">
                                Trang:
                                <a href="#">1</a>
                                <a href="#">2</a>
                                <a href="#">3</a>
                                <a href="#">></a>
                                <a href="#">>></a>
                            </div>
                        </div>
                        <div class="grid_16 alpha omega space">
                            <div id="box-2" class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/G95022_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas F10 TRX TF</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                                       
                            </div>
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/G97729_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas F10 TRX FG Messi</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/Q21663_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas Predator LZ TRX FG</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/Q33665_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas nitrocharge 1.0 TRX FG</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/G97733_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas F10 TRX TF Messi</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/G97734_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas F10 TRX TF J Messi</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/Q33685_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas nitrocharge 3.0 TRX FG</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/Q33688_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas nitrocharge 2.0 TRX FG J</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/Q33696_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas nitrocharge 2.0 TRX TF J</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/Q33800_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas nitrocharge 1.0 TRX FG</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/Q33848_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas adizero F50 TRX FG</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:80%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                            <div id="box-2 "class="card box">
                                <div class="productInfo">
                                    <div class="productImage">
                                        <img src="image/Q33851_F_s3.png">
                                    </div>
                                    <div class="productName">
                                        <a href="#">Adidas adizero F50 TRX FG Messi</a>
                                    </div>
                                    <div class="productStatus">
                                        Còn hàng
                                    </div>
                                    <div class="productCostBox">
                                        <div class="old">5.000 VND</div>
                                        <div class="new">10.000 VND</div>
                                    </div>
                                </div>
                                
                                <span class="caption full-caption">
                                    <h3>Đánh giá                                    
                                    </h3>
                                    <div class="rate-star" style="margin-left:10px">
                                        <div class="rate-star rating-star" style="width:90%">                                           
                                        </div>
                                    </div>
                                    <a class="button-detailt" href="#">Xem chi tiết</a>
                                    <a class="button-buy" href="#">Mua ngay</a>
                                
                                </span>
                            </div>
                            
                        </div>
                        <div class="grid_16 alpha omega" style="margin-bottom: 10px">
                            <div class="sort">
                                <label>Sắp xếp theo: </label>
                                <select name="sort">
                                    <option>Giá: Tăng dần</option>
                                    <option>Giá: Giảm dần</option>
                                    <option>Đánh giá: Tăng dần</option>
                                    <option>Đánh giá: Giảm dần</option>
                                </select>
                            </div>
                            <div class="page">
                                Trang:
                                <a href="#">1</a>
                                <a href="#">2</a>
                                <a href="#">3</a>
                                <a href="#">></a>
                                <a href="#">>></a>
                            </div>
                        </div>
                        
                    </div>
                        
                </div>
                
              
            </div>
            <div id="footer" class="space">
                <div class="container_12">
                    <div class="grid_4 space">                        
                            <h1>Dụng cụ thể thao</h1>
                            <ul>
                                <li><a href="#">Bóng đá</a></li>
                                <li><a href="#">Bóng chuyền</a></li>
                                <li><a href="#">Cầu lông</a></li>
                                <li><a href="#">Tennis</a></li>
                                <li><a href="#">Bóng bàn</a></li>
                            </ul>
                    </div>
                    <div class="grid_4 space">
                        <h1>Hỗ trợ khách hàng</h1>
                    </div>
                    <div class="grid_4 space">
                        <h1>Kết nối với chúng tôi</h1>
                    </div>
                </div>
                
                <div class="container_12 copyright">
                    <div class="grid_12">
                        <h6>Copyright © 2013 by shopsport.com</h6>
                    </div>
                </div>
                   
                    
            </div>
        </div>
    </body>
</html>
